<div class="order_pannel">

	<div class="manage-account-form-wrapper">

		<p class="success" th:if="${successMessage}"
			th:text="${successMessage}"></p>
		<h2>更新帐户信息</h2>
		<blc:form class="manage-account" action="#" th:action="@{/account}"
			th:object="${updateAccountForm}" method="POST" id="updateAccountForm">
			<div class="form100">
				<label for="emailAddress">邮箱地址:</label> <span class="error"
					th:if="${#fields.hasErrors('emailAddress')}"
					th:errors="*{emailAddress}"></span> <input type="email"
					name="emailAddress" id="emailAddress" th:field="*{emailAddress}"
					class="field50"
					th:classappend="${#fields.hasErrors('emailAddress')}? 'fieldError'" />
			</div>
			<div class="form100">
				<label for="firstName">姓名:</label> <span class="error"
					th:if="${#fields.hasErrors('firstName')}" th:errors="*{firstName}"></span>
				<input type="text" name="firstName" id="firstName"
					th:field="*{firstName}" class="field50"
					th:classappend="${#fields.hasErrors('firstName')}? 'fieldError'" />
			</div>
			<input type="submit" class="medium red" value="提交" />
		</blc:form>
	</div>

	<div class="manage-account-form-wrapper">
		<p class="success" th:if="${successMobileMessage}"
			th:text="${successMobileMessage}"></p>
		<h2>绑定手机</h2>
		<blc:form class="manage-account" action="#"
			th:action="@{/account/updateMobile}" th:object="${updateMobileForm}"
			method="POST" id="updateMobileForm">
			<div class="form100">
				<label for="mobile">手机号码:</label> <span class="error"
					th:if="${#fields.hasErrors('mobile')}" th:errors="*{mobile}"></span>
				<input type="text" name="mobile" id="mobile" th:field="*{mobile}"
					class="field50" readonly="true"
					th:classappend="${#fields.hasErrors('mobile')}? 'fieldError'"
					th:if="*{mobile!=null and !mobile.isEmpty()}" /> <input type="text"
					name="mobile" id="mobile" th:field="*{mobile}" class="field50"
					th:classappend="${#fields.hasErrors('mobile')}? 'fieldError'"
					th:unless="*{mobile!=null and !mobile.isEmpty()}" />
			</div>
			<div class="form100" th:if="*{type==0}">
				<label for="captcha">验证码:</label> <span class="error"
					th:if="${#fields.hasErrors('captcha')}" th:errors="*{captcha}"></span>
				<input type="text" name="captcha" id="captcha" class="field50"
					th:classappend="${#fields.hasErrors('captcha')}? 'fieldError'" />
				<button type="button" id="captcha_btn">获取验证码</button>
			</div>
			<input type="hidden" name="type" value="0" />
			<input type="submit" class="medium red" value="绑定手机"
				id="updateMobileForm_submit_btn" th:if="*{type==0}" />
		</blc:form>
	</div>

	<div class="manage-account-form-wrapper"
		th:if="${isU3th and !isMerged}">
		<p class="success" th:if="${accountMergedMessage}"
			th:text="${accountMergedMessage}"></p>
		<h2>合并账户</h2>
		<blc:form class="manage-account" action="#"
			th:action="@{/account/merge}" th:object="${mergeAccountForm}"
			method="POST" id="mergeAccountForm">
			<div class="form100">
				<label for="emailAddress">邮箱:</label> <span class="error"
					th:if="${#fields.hasErrors('emailAddress')}"
					th:errors="*{emailAddress}"></span> <input type="email"
					name="emailAddress" id="emailAddress" th:field="*{emailAddress}"
					class="field50"
					th:classappend="${#fields.hasErrors('emailAddress')}? 'fieldError'" />
			</div>
			<div class="form100">
				<label for="password">密码:</label> <span class="error"
					th:if="${#fields.hasErrors('password')}" th:errors="*{password}"></span>
				<input type="password" name="password" id="password"
					th:field="*{password}" class="field50"
					th:classappend="${#fields.hasErrors('password')}? 'fieldError'" />
			</div>
			<input type="hidden" name="type" value="0" />
			<input type="submit" class="medium red" value="提交"
				id="mergeForm_submit_btn" />
		</blc:form>
	</div>
	
	<!-- 
	<div class="manage-account-form-wrapper">
		<div>
			<div><span>微信</span> </div>
			<div th:if="${wechatAccount!=null}"><span  th:text="${wechatAccount.nickname}"></span><img th:src="${wechatAccount.headimgurl}"/></div>
			<div>
				<a th:unless="${isWechatBind}" class="bind" th:href="@{/uc/thirdbindrequest/0004}">Bind</a>
				<a th:if="${isWechatBind}" class="unbind" th:href="@{/uc/thirdunbindrequest/0004}">Unbind</a>
			</div>
		</div>
	</div>
	 -->
</div>